<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    <style>
        div {
            border: 3px solid red;
            padding: 25px;
        }

        .img1 {
            float: right;
        }

        .img2 {
            float: right;
        }

        .clearfix {
            overflow: auto;
        }
    </style>
</head>
<body>
<div>
    <img class="img1" src="http://www.runoob.com/try/demo_source/pineapple.jpg" alt="Pineapple" width="170" height="170"> 溢出了--溢出了--溢出了--！</div>
<p>hahaha</p>
<p>hahaha</p>
<p>hahaha</p>
<p>hahaha</p>
<p>hahaha</p>
<p>hahaha</p>
<p>hahaha</p>
<div class="clearfix">
    <img class="img2" src="http://www.runoob.com/try/demo_source/pineapple.jpg" alt="Pineapple" width="170" height="170"> overflow: auto--overflow: auto--overflow: auto！！！</div>
</body>
</html>
